@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;font-family: "Microsoft YaHei", "Arial", "SimHei";}
body{font-size: 13px;line-height: 24px;color: #444;text-decoration: none;background: #fff;}
a{color: #555;text-decoration: none;}
a:hover{color: #555;text-decoration: none;}
img{border: 0;}
ul, li{list-style-type: none;}
div, dl, dt, dd, p, h1, h2, h3, h4, h5, h6{margin: 0px;padding: 0px;}
blockquote, sub{margin: auto}
.bg100{ background-repeat:no-repeat; background-position:center center; background-size:100% 100%;}

.head{width: 100%;height: 120px;background: #fff; padding:5px 0px;}
.header{width: 1200px;height: 120px;margin: 0px auto;}
.header .logo{height: 120px;float: left;}
.header .logo img{height: 120px;}
.header .tel{float: right;height: 40px;margin-top: 40px;text-align: right;}
/*nav*/
.nav-wrap{width: 100%;height: 50px;background: #2B2B2B; }
.nav{width: 1200px;height: 50px;margin: 0px auto;}

.nav ul{ width:876px; overflow:hidden; height:50px; float:right;}
.nav li{float: left;}
.nav li a{float: left;min-width: 70px;}
.inmenu:link, .inmenu:visited{color: #fff;font-size: 16px;font-weight: normal;line-height: 50px;height: 50px;text-align: center; padding-left:18px; padding-right:18px;}
.inmenu:hover, .inmenu:active{color: #fff;text-decoration: none;background:#E92929;padding-left:18px; padding-right:18px;}
.xc_ico_navhot{background-image: url(/images/icon_hf.png);width: 19px;height: 11px;background-position: -64px 0;}
.service_nav h4{ font-weight:normal;}

.service_nav{float: left; position: relative;z-index: 999999; _display: inline; margin-top:-3px;}
.service_nav:hover .second_l2{display: block;}
.service_nav:hover .xc_ico_nav02{background-position: 0 -192px;}
.service_nav .parent{background:url(/images/index_10.png) no-repeat left; width: 212px; padding-left: 90px; height: 53px; line-height: 56px; color: #fff; font-size: 16px; cursor: pointer;}
.service_nav .parent .xc_ico_nav01{margin-right: 15px;}
.service_nav .parent .xc_ico_nav02{margin-left: 21px;}
.service_nav .second_l2{display: none; background-color: #000; background-color: rgba(0, 0, 0, 0.6); *background-color: #000; height: 116px; position: absolute;}
.service_nav .second_l2.second_l2_first{border-top: 2px solid #ff3c28; height: 112px;}
.service_nav .second_l2.second_l2_first .btn_l2{height: 110px;}
.service_nav .second_l2.second_l2_first .main{margin-top: -1px;}
.service_nav .second_l2.second_zl{margin-top: 114px;}
.service_nav .second_l2.second_zl .main_l2{margin-top: -112px;}
.service_nav .second_l2.second_bq{margin-top: 230px;}
.service_nav .second_l2.second_bq .main_l2{margin-top: -228px;}
.service_nav .second_l2.second_fw{margin-top: 346px;}
.service_nav .second_l2.second_fw .main_l2{margin-top: -344px;}
.service_nav .second_l2.second_fw .btn_l2{border-bottom: none 0;}
.service_nav .second_l2.second_fw .btn_l2 .main{height: 114px;}
.service_nav .second_l2 .btn_l2{border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #fff; width: 298px; height: 114px;}
.service_nav .second_l2 .btn_l2 aside{width: 182px; height: 70px; margin: 0 0 0 40px; padding-top: 17px; overflow: hidden;}
.service_nav .second_l2 .btn_l2 aside .xc_ft_icon{float: left; font-size: 36px; line-height: 70px; *font-size: 36px; margin-right: 30px; font-style:normal;}
.service_nav .second_l2 .btn_l2 aside h4{margin-top: 23px; font-size: 24px; margin-bottom: 3px; *margin-top: 30px;}
.service_nav .second_l2 .btn_l2 .main{display: none; background-color: #fff; border: 1px solid #ff3c28; width: 298px; height: 113px; position: absolute; border-right: none; z-index: 2;}
.service_nav .second_l2 .main_l2{display: none; position: absolute; width: 836px; border: 1px solid #ff3c28; border-top: none 0; background-color: #fff; margin-left: 298px; top: 0px; height: 459px; padding: 0 30px 0 34px;}
.service_nav .second_l2 .main_l2 h4{font-size: 18px; margin: 18px 0 5px;}
.service_nav .second_l2 .main_l2 p{border-bottom: 1px dashed #e9e9e9; color: #999;}
.service_nav .second_l2 .main_l2 p em{margin: 0 10px;    font-style: normal;    font-weight: 400;}
.service_nav .second_l2 .main_l2 p a{color: #999; line-height: 35px;}
.service_nav .second_l2 .main_l2 p a.xc_txtB{color: #444; margin-right: 50px;}
.service_nav .second_l2 .main_l2 p a.xc_txtB .xc_ico_navhot{position: absolute; margin: 2px 0 0 5px;}

.service_nav .second_l2 .main_l2 p a:hover{color: #ff3c28;}
.service_nav .second_l2:hover .main_l2{display: block;}
.service_nav .second_l2:hover .main{display: block; margin:0px;}
.service_nav .second_l2:hover aside{position: absolute; z-index: 3; color: #ff3c28;}
.else_nav{float: left; line-height: 40px; font-size: 16px;}
.else_nav a{text-align: center; display: inline-block; width: 110px; height: 40px;}
.else_nav .xc_ico_navhot{position: absolute; margin: 2px 0 0 5px;}
.else_nav .xc_ico_navsep{margin-left: 32px;}
.xc_txtC {color: #ff3c28; }

/*关键词*/
.keyword-wrap{width: 100%;height: 50px;background: #f7f7f7;border-bottom: 1px solid #e7e7e7;}
.keyword{width: 1290px;margin: 0px auto;height: 50px;line-height: 50px;font-size: 13px;}
.keyword ul{float: left;width: 655px;}
.keyword ul li{float: left;margin-left: 4px;margin-right: 4px;}
.keyword ul li span{font-weight: bold;font-size: 13px;color: #0f52b4;}
/*搜索*/
.search{float: right;width: 420px;margin-top: 0px;background: url(/images/search.png) no-repeat 10px center;border: 1px solid #E92929;-moz-border-radius: 15px; /* Firefox */-webkit-border-radius: 15px; /* Safari 和 Chrome */border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */overflow:hidden}
.search_text{width: 230px;height: 40px;border: 0;background: none;float: left;line-height: 40px;font-size: 14px;color: #666; margin-left:45px;}
.search_but{height: 40px;width: 135px;cursor: pointer; background:#E92929;float: right;border: 0px none;text-align: center;font-size: 16px;color: #fff;}

/*首页产品推荐*/
.main{width: 1200px;height: auto;overflow: hidden;margin: 55px auto;}
.hwip_1,.hwip_2,.hwip_3,.hwip_4,.hwip_5,.hwip_6,.hwip_7,.hwip_8,.hwip_9,.hwip_10,.hwip_11,.hwip_12,.hwip_13,.hwip_14{width:100%; overflow:hidden; background:#fff;}
.h-title{width:100%;overflow: hidden; margin-bottom:40px;}
.h-title h2{ color:#DD3235; font-size:26px;font-weight:normal; line-height:30px;}
.h-title h2 span{ color:#818181; text-transform:uppercase; font-size:16px; font-weight:normal; line-height:30px; text-align:center;}
a.h-more{ float:right;height:42px; line-height:42px;font-size:16px; color:#818181;}

.hwip_1{ background:#FAFAFA;}
.hwip_1 ul{ width:1200px; overflow:hidden;}
.hwip_1 ul li{ float:left; width:284px;height: 315px;background:#fff; margin:4px; border:1px solid #EBEBEB;-moz-box-shadow:0px 0px 4px #CCCCCC; -webkit-box-shadow:0px 0px 4px #CCCCCC; box-shadow:0px 0px 4px #CCCCCC;overflow:hidden}
.hwip_1 ul li a{ display:block; width:284px; height:315px; padding-top:70px; text-align:center;}
.hwip_1 ul li a:hover{ padding-top:50px;}
.hwip_1 ul li a img{height:78px;}
.hwip_1 ul li h6{font-size:18px; height:36px; color:#3D3D3D; margin:30px 0px 10px; text-align:center; font-weight:normal}
.hwip_1 ul li h6:after{ display:block;content:"";width:40px; height:1px; margin:10px auto; background:#ccc;}
.hwip_1 ul li p{ color:#7B7B7B; font-size:14px; line-height:20px; margin:0px 10px 10px;}
.hwip_1 ul li:nth-child(2),.hwip_1 ul li:nth-child(3),.hwip_1 ul li:nth-child(4){ margin-left:12px;}


/*--hwip_2---*/
#tab1{width:1200px;}
#tab1 .tab_title{ float:left; width:300px; height:420px; overflow:hidden;background-color:#F5F5F5; }
#tab1 .tab_title a { display:block;width:300px; overflow:hidden; height:60px; line-height:60px;font-weight:normal; font-size:16px; color:#343434; }
#tab1 .tab_title a i{ float:left; width:50px; height:60px;background-image:url(/images/icon_01.png); background-repeat:no-repeat; margin-left:22px;}

#tab1 .tab_title .cur{ color:#fff; background-color:#F13A3A; }
#tab1 .tab_title .cur i{background-position:-50px 0; }

#tab1 .tab_title #news2 i{ background-image:url(/images/icon_02.png);}
#tab1 .tab_title #news3 i{ background-image:url(/images/icon_03.png);}
#tab1 .tab_title #news4 i{ background-image:url(/images/icon_04.png);}
#tab1 .tab_title #news5 i{ background-image:url(/images/icon_05.png);}
#tab1 .tab_title #news6 i{ background-image:url(/images/icon_06.png);}
#tab1 .tab_title #news7 i{ background-image:url(/images/icon_07.png);}

#tab1 .tab_detail{ float:right;width:886px; height:420px; border:1px solid #ccc;}
#tab1 .tab_detail table{ margin:50px auto 0px}
#tab1 .tab_detail .hytitle{ color:#777; font-size:14px;}
#tab1 .tab_detail .hytitle i{ float:left;width:3px; height:42px; background:#F13A3A; margin:2px 15px 0px 0px; }
#tab1 .tab_detail .hytitle b{ font-size:18px;color:#444; font-weight:normal}
#tab1 .tab_detail hr{ height:1px;border:none; width:100%; border-top:1px dashed #ccc; margin:30px 0px;}

#tab1 .tab_detail .sbmbtn{width:145px; height:50px; background:#F13A3A; color:#fff; font-size:15px;border:none; cursor:pointer; }
#tab1 .tab_detail .xc_btn{ display: inline-block;width:140px; height:42px; line-height:42px; text-align:center;border:1px solid #ccc; margin-right:30px; margin-top:30px;}
#tab1 .tab_detail .curr{ border:1px solid #F13A3A;}

.hwip_2 .fl{ float:left;width:577px; }
.hwip_2 .fr{ float:right;width:577px; }
.hwip_2 ul{ width:561px; overflow:hidden; float:left; padding:15px 8px; background:#F5F5F5;}
.hwip_2 ul li{ float:left; width:280px;height: 170px;border-bottom:1px dashed #F5F5F5;}
.hwip_2 ul li a{ display:block; width:240px; height:140px; text-align:center; margin:15px auto; overflow:hidden}
.hwip_2 ul li a:hover{ margin-top:5px;}
.hwip_2 ul li a img{height:50px; margin-bottom:5px;}
.hwip_2 ul li h6{font-size:20px; font-weight:normal; line-height:32px; color:#000;}
.hwip_2 ul li p{ color:#7B7B7B; font-size:14px; line-height:18px;}
.hwip_2 ul li:nth-child(1){ border-right:1px dashed #C8C8C8;border-bottom:1px dashed #C8C8C8;}
.hwip_2 ul li:nth-child(4){ border-left:1px dashed #C8C8C8;border-top:1px dashed #C8C8C8;}


.hwip_3{ background:#F5F5F5;}
.hwip_3 td{ width:20%; padding:20px; vertical-align:top; color:#555; font-size:14px; text-align:center;}
.hwip_3 td img{ height:170px; margin-bottom:20px;}

.img-scroll{position: relative;margin: 0px;width: 1200px;}
.img-scroll .prev, .img-scroll .next{position: absolute;display: block;margin-top: 112px;cursor: pointer; width:24px; height:40px;}
.img-scroll .prev{left: 0;}
.img-scroll .next{right: 0;}
.img-list{position: relative;width: 1200px;height: 170px;margin-left: 0px;overflow: hidden;}
.img-list ul{width: 9999px;}
.img-list li{float: left;display: inline;width: 294px;height: 168px;border: 1px solid #ccc; margin-right:4px;text-align: center;}
.img-list li a img{max-width: 294px;height: 168px;}
.img-list li a p{display: table-cell;width: 280px;height: 45px;line-height: 45px;overflow: hidden;vertical-align: middle;}

/*footer*/
.foot{width: 100%;background: #F5F5F5;margin-top: 55px;overflow: hidden;}
.footer{width: 1160px;height: auto;overflow: hidden;margin: 55px auto 40px;}
.footer ul{width: 1160px; overflow:hidden; padding-bottom:40px; margin-bottom:30px;border-bottom: 1px dashed #ddd; }
.footer ul li{ float: left;width: 290px;overflow: hidden;}
.footer ul li img{ float:left; padding-right:10px; height:40px;}
.footer ul li h6{ line-height:24px;color: #1E1E1E;font-size: 20px;font-weight:normal;}
.footer ul li p{ line-height:16px;color: #8B8B8B;font-size: 14px;}

.footer .copy-l{float: left;width: 800px;overflow: hidden;line-height: 30px;color: #7E7E7E;font-size: 16px;}
.footer .copy-l h3{line-height: 48px;color: #1E1E1E; font-weight:normal; margin-bottom:8px;}
.footer .copy-r{float: right;width: 220px;text-align: right;}
.footer .copy-r img{}
.copyright{border-top: 0px solid #818DA8;padding: 20px 0px;font-size: 12px;color: #7E7E7E; background:#1E1E1E; text-align:center}
.copyright a{font-size: 12px;color: #7E7E7E;}
.foot .code{float: right;}
/*banner-inner*/
.inner-banner{width: 100%;text-align: center;background: #57A2DC;}
.inner-banner img{max-width: 100%;}
/*inner left*/
/*inner*/
.inner{width: 1200px;margin: 0px auto;overflow: hidden;}
.inner-position{width: 100%;height: 45px;text-indent: 0px;font-size: 14px;color: #808080;line-height: 45px; margin:15px 0px 25px;}
.inner-position a{color: #808080;font-size: 14px;}
.inner-menu{width: 1200px;overflow: hidden;padding-bottom: 35px;border-bottom: 3px solid #EEEEEE;margin-bottom: 35px;}
.inner-menu ul{width: 1100px;}
.inner-menu ul li{width: 200px;float: left;margin: 0px 20px 0px 0px;line-height: 34px;text-align: center;background: #213A71;}
.inner-menu ul li a{color: #fff;font-size: 14px;}
.inner-menu ul li.curr{background:#F7EF2D;}
.inner-menu ul li.curr a{color: #213A71;}

ul.sf-menu{clear: both;margin: 0px auto;height: auto;position: relative;text-transform: capitalize;z-index: 500;width: 284px;background-color: #FFFFFF;color: #fff;}
ul.sf-menu li{margin: 0px;}
ul.sf-menu li a{text-transform:uppercase;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-left: 20px;}
ul.sf-menu li a.sf1{height: 48px;line-height: 46px;font-size: 16px;color: #fff;background:#555555 url(/images/neiye_09.png) no-repeat 250px center;border-bottom:2px solid #fff;}
ul.sf-menu ul{width: 100%;margin: 0px;padding: 0px 0 10px;background:#FFFFFF;overflow: hidden}
ul.sf-menu ul li{margin: 0px;}
ul.sf-menu ul li a{font-weight: normal;color:#5B5B5B;line-height: 38px;height: 38px;font-size: 13px;border-bottom:1px dashed #C8C8C8;text-align:left;padding-left: 20px;}
ul.sf-menu ul li a.cur{color:#2573AF; font-weight:bold;}
ul.sf-menu li a.sf1-h{background-image:url(/images/neiye_12.png)}
ul.sf-menu li a.on{background-color:#DEA325; color:#fff;}

/*service*/
.sev_def{width: 1198px;margin: 0px auto; border:1px solid #ccc;}
.sev_def .deftitle{ font-size:24px; color:#444; padding:15px; text-align:center; border-bottom:1px dashed #ccc;}
.sev_def .defcont{ padding:20px;}
.sev_def .defcont img{ max-width:1160px;}

/*other*/
.sev-ohter{}
.xm_table .ke-zeroborder {border-collapse:collapse;border:1px solid #cdcdcd;}
.xm_table .ke-zeroborder td,.xm_table .ke-zeroborder th{border-bottom:1px solid #cdcdcd;padding:10px 25px;text-align:center }
.xm_table .ke-zeroborder p {padding:0px;margin:0px;}
.xm_table .ke-zeroborder th h6{font-size: 24px; line-height:36px; text-align:left; font-weight:normal;}

/*feedback*/
.inner-feedback{width: 1198px;margin: 0px auto; border:1px solid #ccc;}
.inner-feedback .feed_t{width: 580px;height: 48px;background: #FAFAFA;border: 1px solid #ccc;line-height: 48px;text-indent: 12px;color: #555;}
.inner-feedback .feed_c{width: 560px;height: 241px;background: #FAFAFA;border: 1px solid #ccc;padding: 10px;color: #555;font-family: Arial, Helvetica, sans-serif;}
.inner-feedback .feed_b{ display:block;width: 200px;height: 48px;line-height: 48px;background: #FF3C28;color: #fff;text-align: center;border: 1px solid #FF3C28;font-size: 18px; margin:0px auto;}
.inner-feedback table{margin: 20px auto;border: 0px solid #fff;overflow: hidden;}
.inner-feedback table td{padding: 10px 0px;}
.inner-feedback span{ color:#FF3C28}
.inner-feedback h6{font-size: 24px; line-height:36px; text-align:left; font-weight:normal;border-bottom:1px solid #ccc;padding:10px 25px;}

/*about*/
.inner-abo{width: 1080px;margin-top: 20px;font-size: 14px;}

/*products*/

.inner-pro{width: 1200px;margin-top: 10px;overflow: hidden;}
.inner-pro ul{width: 1200px;margin-left: 5px;}
.inner-pro ul li{float: left;margin: 0px 10px 25px 10px;width: 280px;}
.inner-pro li img{display: block;width:278px;height: 208px;border: 1px solid #ccc;}
.inner-pro li:hover img{border: 1px solid #FF6600;}
.inner-pro li span{display: block;width: 280px;height: 30px;padding: 2px 0px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;}
.inner-pro li span a{color: #222;}
.inner-pro li span a:hover{color: #FF6600;}


/*news*/
.news-list{width: 1200px; overflow:hidden}
.news-list li{ float:left;width: 540px;border-bottom: 1px dashed #ccc;padding: 10px 0px; margin-bottom:20px;}
.news-list li strong{display:block; line-height:32px;width:540px; font-weight: normal;height:32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-ms-text-overflow: ellipsis}
.news-list li strong a{color: #222;font-size:16px;}
.news-list li strong span{font-size: 12px;color: #FF6600;margin-left: 10px; float:right;}
.news-list li p{display: block;font-weight: normal;font-size: 12px;line-height: 20px;width: 540px; height:48px; overflow:hidden;color: #888;}
.news-list li:hover strong a{color: #FF6600;transition: 0.5s all;}
.news-list li:nth-child(2n){ float:right}
/*pages*/
/*分页样式*/
.page_info{text-align: center;margin-top: 10px;color: #333;}
.page_info span{padding: 0 2px;font-weight: bold;}
.page_list{height: 28px;line-height: 24px;text-align: center;letter-spacing: 0;font-family: "Arial Black";font-size: 12px;margin-top: 20px;}
.page_list a{display: inline-block;color: #898989;border: 1px solid #e8e8e8;background: #f8f8f8;text-align: center;padding: 0 8px;margin: 0 1px;}
.page_list a:hover{color: #fff;border: 1px solid #898989;background: #898989;}
.page_list a.on{color: #333;border: 1px solid #ccc;background: #E5EDF2;}
/*内容分页*/
.contPage{height: 20px;line-height: 20px;text-align: center;letter-spacing: 0;font-family: "Arial Black";font-size: 10px;margin-top: 20px;}
.contPage a{display: inline-block;color: #898989;background: #fff;text-align: center;padding: 0 7px;margin: 0 1px;}
.contPage a:hover{color: #fff;background: #898989;}
.contPage a.on{color: #333;background: #E5EDF2;border: 1px solid #C2D5E3;}
/*详细页功能区*/
.preNext{position: relative;}
.preNext .line{height: 10px;overflow: hidden;clear: both;background: url(../images/box_dotline.gif) left 15px repeat-x;margin: 4px auto;padding-top: 10px;}
.preNext .line strong{display: block;width: 8px;height: 10px;overflow: hidden;font-size: 0px;line-height: 100px;background: url(../images/box_dotline.gif) right -10px no-repeat;float: left;}
.preNext .text{color: #999;}
.preNext .text li{ float:left}
.preNext .actBox{position: absolute;top: 25px;right: 0;}
.preNext .actBox li{display: inline;padding-left: 22px;background-image: url(../images/actbox-ico.gif);background-repeat: no-repeat;margin-left: 10px;}
.preNext .actBox li a{color: #666;}
.preNext .actBox li#act-fav{background-position: 4px 0px;}
.preNext .actBox li#act-err{background-position: 4px -37px;}
.preNext .actBox li#act-pus{background-position: 4px -73px;}
.preNext .actBox li#act-pnt{background-position: 4px -109px;}
/*newdetail*/
.news-content{width: 1200px;margin: 0px auto;margin-top: 10px;font-size: 14px;overflow: hidden;}
.newsTitle{clear: both;margin: 0px auto;text-align: center;font-size: 16px;font-weight: bold;color: #444;line-height: 25px;padding: 15px 0px;border-bottom: 1px dashed #ccc;margin-bottom: 15px;}
.newsPic{clear: both;margin: 0px auto;text-align: center;margin-bottom: 10px;}
.newsPic img{max-width: 720px;max-height: 800px;}
.newsDate{clear: both;margin: 0px auto;padding: 10px 0px;text-align: center;line-height: 20px;margin-bottom: 15px;border: 1px dashed #ccc;color: #777;font-size: 12px;}
.newsDate a{color: #317de9;}
.newsDate a:hover{color: #317de9;}
.newsContent{clear: both;margin: 0px auto;padding: 0px;font-size: 14px;color: #444;line-height: 28px;word-wrap: break-word;word-break: normal;margin-bottom: 15px;}
.newsContent img{margin-bottom: 10px;}
.newsContent ul, .newsContent ol{margin: auto}
.newsContent ul li{list-style-type: disc}
.newsContent ol li{list-style-type: decimal;}
.prevNext{clear: both;margin: 0px 20px;border-top: dashed 1px #ccc;border-bottom: dashed 1px #ccc;height: 30px;line-height: 30px;color: #666;font-size: 13px;-webkit-text-size-adjust: none;padding: 10px 0px;}
.prevNext a{text-decoration: underline;}
.prevNext .prev{float:left;}
.prevNext .prev a{text-decoration: none;}
.prevNext .prev a:hover{color: #317de9;text-decoration: none;}
.prevNext .next{float:right;}
.prevNext .next a{text-decoration: none;}
.prevNext .next a:hover{color: #317de9;text-decoration: none;}
/*pro-detail*/
.pro-content { width:1200px; margin-left:0px;}
.pro-content .ke-zeroborder {border-collapse:collapse;}
.pro-content .ke-zeroborder td, .pro-content .ke-zeroborder th {border:1px solid #cdcdcd;padding:5px;}
.pro-content .ke-zeroborder p {padding:0px;margin:0px;}
/*format table*/
.defcont .ke-zeroborder{border-collapse: collapse;}
.defcont .ke-zeroborder td, .table th{border: 1px solid #cdcdcd;padding: 5px;line-height: 24px;}
.defcont .ke-zeroborder p{padding: 0px;margin: 0px;}
.online{width: 50px;z-index: 3;position: fixed;right: 0;top: 40%;}
.online a{display: block;width: 42px;height: 42px;background: #2AA9E0 url(../images/online.png) no-repeat;position: relative;text-decoration: none;cursor: pointer;border-bottom: 1px solid #fff;}
.online a:last-child{border-bottom: none;}
.online a div{display: block;width: 200px;min-height: 24px;line-height: 24px;padding: 9px;text-align: center;color: #fff;font-size: 16px;font-weight: bold;font-style: italic;background: #2588CC;position: absolute;right: 42px;top: 0px;z-index: 999;transition: 1s all;display: none;}
.online a.online-4 div{display: block;width: 138px;height: 138px;border: 2px solid #33d055;position: absolute;right: 54px;top: 0px;z-index: 999;display: none;}
.online a:hover{background-color: #2588CC;}
.online a:hover div{display: block;transition: 1s all;}
.clear{margin: 0px auto;clear: both;height: 0px;font-size: 0px;overflow: hidden;}
.blank1{margin: 0px auto;clear: both;height: 1px;font-size: 1px;overflow: hidden;}
.blank8{margin: 0px auto;clear: both;height: 8px;font-size: 1px;overflow: hidden;}
.blank10{margin: 0px auto;clear: both;height: 10px;font-size: 1px;overflow: hidden;}
.blank15{margin: 0px auto;clear: both;height: 15px;font-size: 1px;overflow: hidden;}
.blank20{margin: 0px auto;clear: both;height: 20px;font-size: 1px;overflow: hidden;}
.blank25{margin: 0px auto;clear: both;height: 25px;font-size: 1px;overflow: hidden;}
.blank30{margin: 0px auto;clear: both;height: 30px;font-size: 1px;overflow: hidden;}
.blank40{margin: 0px auto;clear: both;height: 40px;font-size: 1px;overflow: hidden;}
.blank45{margin: 0px auto;clear: both;height: 45px;font-size: 1px;overflow: hidden;}
.blank50{margin: 0px auto;clear: both;height: 50px;font-size: 1px;overflow: hidden;}